<!---
* <pre>
 * @文件名称：  SideBar.vue
 * @包路径：
 * @版权所有： 北京数字医信科技有限公司 (C) 2020
 *
 * @类描述:
 * @版本:       V3.2.0
 * @作者        daizhenhong
 * @创建时间    2020/3/13 2:02 下午
 *
 * @修改记录：
  -----------------------------------------------------------------------------------------------
   ----------- 时间      |   修改人    |     修改的方法       |         修改描述   ---------------
  -----------------------------------------------------------------------------------------------
 </pre>
-->
<template>
    <div>
    <!--展开折叠开关-->
    <div class="menu-toggle" @click.prevent="collapse" style="cursor:pointer;">
      <i class="iconfont icon-menufold" v-show="!collapsed"></i>
      <i class="iconfont icon-menuunfold" v-show="collapsed"></i>
    </div>
    <!--导航菜单-->
    <el-menu :default-active="defaultActiveIndex" router :collapse="collapsed" @select="handleSelect" :unique-opened="true">
      <template v-for="(item,index) in $router.options.routes" v-if="item.menuShow">
        <el-submenu v-if="!item.leaf" :index="index+''" :key="index">
          <template slot="title"><i :class="item.iconCls"></i><span slot="title">{{item.name}}</span></template>

          <el-menu-item v-for="term in item.children"
                        :key="term.path"
                        :index="term.path"
                        v-if="term.menuShow"
                        :disabled=term.disabled
                        :class="$route.path==term.path?'is-active':''">
            <i :class="term.iconCls"></i><span slot="title">{{term.name}}</span>
          </el-menu-item>
        </el-submenu>
        <el-menu-item v-else-if="item.leaf&&item.children&&item.children.length" :index="item.children[0].path" :class="$route.path==item.children[0].path?'is-active':''" :key="index">
          <i :class="item.iconCls"></i>
          <span slot="title">{{item.children[0].name}}</span>
        </el-menu-item>
      </template>
    </el-menu>
    </div>
  <!--<div class="sidebar">-->
    <!--&lt;!&ndash;展开折叠开关&ndash;&gt;-->
    <!--<div class="menu-toggle" @click.prevent="collapse">-->
      <!--<i class="iconfont icon-menufold" v-show="!collapsed"/>-->
      <!--<i class="iconfont icon-menuunfold" v-show="collapsed"/>-->
    <!--</div>-->
    <!--&lt;!&ndash;导航菜单&ndash;&gt;-->
    <!--<el-menu-->
      <!--style="width: 13rem"-->
      <!--background-color="#545c64"-->
      <!--text-color="#fff"-->
      <!--active-text-color="#44FF88"-->
      <!--:default-active="defaultActiveIndex"-->
      <!--router :collapse="collapsed"-->
      <!--@select="handleSelect"-->
      <!--:unique-opened="true"-->
    <!--&gt;-->
      <!--<template v-for="(item,index) in $router.options.routes" v-if="item.menuShow">-->

        <!--<el-submenu v-if="!item.leaf" :index="index+''" :key="index">-->
          <!--<template slot="title"><i :class="item.iconCls"/>-->
            <!--<span slot="title">{{item.name}}</span>-->
          <!--</template>-->

          <!--<el-menu-item-->
            <!--v-for="term in item.children"-->
            <!--:key="term.path"-->
            <!--:index="term.path"-->
            <!--:disabled=term.disabled-->
            <!--:class="$route.path===term.path?'is-active':''">-->
            <!--<div v-if="term.menuShow">-->
              <!--<i :class="term.iconCls"/>-->
              <!--<span slot="title">{{term.name}}</span>-->
            <!--</div>-->
          <!--</el-menu-item>-->
        <!--</el-submenu>-->

        <!--<el-menu-item-->
          <!--v-else-if="item.leaf&&item.children&&item.children.length"-->
          <!--:index="item.children[0].path"-->
          <!--:class="$route.path===item.children[0].path?'is-active':''"-->
          <!--:key="index">-->
          <!--<i :class="item.iconCls"/>-->
          <!--<span slot="title">{{item.children[0].name}}</span>-->
        <!--</el-menu-item>-->
      <!--</template>-->
    <!--</el-menu>-->
  <!--</div>-->
</template>

<script>
import {bus} from '../../../bus'

export default {
  name: 'SideBar',
  data() {
    return {
      isCollapse: false,
      userName: 'demoUser',
      defaultActiveIndex: '0',
      nickname: '',
      hosname: '',
      collapsed: false,
    }
  },
  created() {
    this.defaultActiveIndex = this.$route.path
    bus.$on('setNickName', (text) => {
      this.nickname = text
    })
    // 未登录的判断
    bus.$on('goto', (url) => {
      if (url === '/login') {
        localStorage.removeItem('access-user')
        localStorage.removeItem('access-authType')
      }
      this.$router.push(url)
    })
    // console.log(this.$router.options.routes)
  },
  methods: {
    // 折叠导航栏
    collapse() {
      this.collapsed = !this.collapsed
    },
    handleSelect(index) {
      console.log(index)
      this.defaultActiveIndex = index
    },
  }
}
</script>

<style>
  /*.sidebar {*/
    /*!*min-width: 10rem;*!*/
    /*height: 100%;*/
    /*display: flex;*/
    /*background-color: #646c74;*/
  /*}*/
  /*.menu-toggle {*/
      /*background: #4A5064;*/
      /*text-align: center;*/
      /*color: white;*/
      /*height: 26px;*/
      /*line-height: 30px;*/
  /*}*/
</style>
